<!--
 * @Author: your name
 * @Date: 2020-07-08 10:45:21
 * @LastEditTime: 2020-07-08 16:43:55
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \jingkaisystem\src\pages\exam\exam_view\components\examTest.vue
--> 
<template>
  <div class="exam_test">
    <!-- 考试试题 -->
    <div class="test">
      <el-tabs style="height: 200px;">
        <el-tab-pane label="单选题">
          <!-- 试题 -->
          <div class="test_content">大笨会跳舞，猴子会上树，狐狸会翻跟斗123</div>
          <!-- 选择框 -->
          <div class="test_checkbox">
            <el-checkbox-group v-model="checkList">
              <el-checkbox label="复选框 A"></el-checkbox>
              <el-checkbox label="复选框 B"></el-checkbox>
            </el-checkbox-group>
          </div>
          <!-- 试题答案 -->
          <div class="answer">正确答案：西游记</div>
          <!-- 试题解析 -->
          <div class="explain">答案解析：多看电视</div>
        </el-tab-pane>
        <el-tab-pane label="多选题">
          <div class="test_content">大笨会跳舞，猴子会上树，狐狸会翻跟斗456</div>
        </el-tab-pane>
        <el-tab-pane label="判断题">
          <div class="test_content">大笨会跳舞，猴子会上树，狐狸会翻跟斗789</div>
        </el-tab-pane>
      </el-tabs>
    </div>
    
  </div>
</template>

<script>
export default {
  data() {
    return {
      checkList: []
    };
  }
};
</script>

<style lang="less" scoped>
@import "@/style/exam_view/examTest";
</style>